<script setup>
import {ref,defineProps} from 'vue'

//子父组件传输数据Props
const props = defineProps({
    type:String
})

const isActive = ref("true")
</script>
<template>
    <div style="user-select: none;">
    <i class="iconfont icon-qianbao1 bottom-1" v-if="props.type == '我的钱包'"></i>
    <i class="iconfont icon-yinxingqia bottom-2" v-if="props.type == '我的银行卡'"></i>
    <i class="iconfont icon-clock bottom-3" v-if="props.type == '交易记录'" ></i>
    <i class="iconfont icon-icon-  bottom-4" v-if="props.type == '个人设置'"></i>
    <div class="bottom-5">{{ props.type }}</div>
    </div>
</template>
<style scoped>

.bottom-1{
    margin-top: 30px;
    text-align: center;
    margin-left: 5px;
    font-size: 20px;
}
.bottom-2{
    margin-top: 30px;
    text-align: center;
    margin-left: 5px;
    font-size: 16px;
}
.bottom-3{
    margin-top: 10px;
    text-align: center;
    margin-left: 5px;
    font-size: 20px;
}
.bottom-4{
    margin-top: 10px;
    text-align: center;
    margin-left: 5px;
    font-size: 20px;
}
.bottom-5{
    font-size: 12px;
}
</style>